*{
    margin: 0px; /*设置网页中所有的元素 外边距为0*/
}

#nav{
    width: 230px; /*最大的div宽度*/
}

.title{
    height: 30px;
    line-height: 30px;
    color: white;
    background: red url(../images/arrow-down.gif) 210px no-repeat;
}

ul{
    background-color: #D7D7D7; /*背景颜色*/
}

a{
    text-decoration: none; /*去掉超链接默认的下划线*/
}

li{
    background-image: url(../images/arrow-right.gif); /*背景图片*/
    background-repeat: no-repeat; /*背景图片的填充方式*/
    background-position: 173px; /*背景图片的位置*/
    line-height: 30px; /*内容的行高*/
    /*list-style-image: url(../images/arrow-down.gif); !*设置列表的标志图片*!*/
    /*ref: http://www.w3school.com.cn/css/pr_list-style-type.asp */
    list-style-type: decimal-leading-zero; /*设置列表的标志类型 0开头的数字标记。(01, 02, 03, 等。)*/
    /*list-style: decimal url(../images/arrow-down.gif); !*类型和图片同时存在 取图片*!*/
    /*list-style: none; !*去除标记*!*/
}

/*超链接的伪类*/
a:link{ /*未访问的链接*/
    color: red;
}
a:visited{ /*已经访问的链接*/
    color: darkcyan;
}
a:hover{ /*鼠标悬停的链接*/
    color: red;
    text-decoration: underline; /*给超链接增加下划线*/
}
a:active{ /*点或者被选中的链接*/
    color: yellow;
}